<template>
  <div class="d2-nav-page-item"
       :aria-controls="`d2-nav-page-content-${id}`"
       :aria-describedby ="`d2-nav-page-content-${id}`">
    <slot></slot>
  </div>

</template>

<script>
import { generateId } from 'element-ui/src/utils/util'

export default {
  name: "index",
  inject: ['navPage'],
  data(){
    return{
      id: generateId(),

      isActive: false
    }
  },
  created() {
      this.navPage.children.push(this)
  },
  props:{
    title: String,
    key:String,
    icon: String,
    status: String
  }
}
</script>

<style scoped>
.d2-nav-page-item{
  margin: 20px 0
}
</style>
